<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8">
		<title>新瑞途-查询条件</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
        <link href="/static/css/bootstrap.min.css" rel="stylesheet" />
        <link href="/static/bower_components/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<link href="/static/css/wxList.css" rel="stylesheet" />
		<link href="/static/css/wxListmin.css" rel="stylesheet" />
		<style>

            .footer_style1 {
				padding: 0 0 0 10px;
				font-size: 13px;
			}
			
			.footer_style1 span {
				float: left;
			}
			
			.ul_style3 {
				list-style: none;
				line-height: 20px;
				text-align: center;
				margin: 0;
				padding: 0;
				float: right;
				font-size: 13px;
			}
			
			.ul_style3 a {
				color: #333;
				text-decoration: none;
			}
			
			.ul_style3 a:HOVER {
				color: #15a4b5;
			}
			
			.ul_style3 li {
				float: left;
				padding: 0 5px 0 5px;
			}

            input[type=date]::-webkit-inner-spin-button{visibility: hidden;}

            #searchInput{
                float: left;
            }
            .searchBtn{
                margin-left: 3px;
                width: 70px;
                height: 40px;
                font-size: 16px;
                font-family: 'Helvetica Neue';
                background-color: #20c997;
                color: #F9F9F9;
                float: right;
            }

            #addBtn{
                float: right;
            }
            #seaBtn{
                float: right;
            }

            input.es-input { padding-right: 20px !important; background: url() right center no-repeat; }
            input.es-input.open {
                -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
                -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; }
            .es-list { position: absolute; padding: 0; margin: 0; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto;
                -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; }
            .es-list li { display: block; padding: 5px 10px; margin: 0; }
            .es-list li.selected { background: #f3f3f3; }
            .es-list li[disabled] { opacity: .5; }


            .xdsoft_datetimepicker{
                box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
                background: #FFFFFF;
                border-bottom: 1px solid #BBBBBB;
                border-left: 1px solid #CCCCCC;
                border-right: 1px solid #CCCCCC;
                border-top: 1px solid #CCCCCC;
                color: #333333;
                display: block;
                font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                padding: 8px;
                padding-left: 0px;
                padding-top: 2px;
                position: absolute;
                z-index: 9999;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                display:none;
            }

            .xdsoft_datetimepicker iframe {
                position: absolute;
                left: 0;
                top: 0;
                width: 75px;
                height: 210px;
                background: transparent;
                border:none;
            }
            /*For IE8 or lower*/
            .xdsoft_datetimepicker button {
                border:none !important;
            }

            .xdsoft_noselect{
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                -o-user-select: none;
                user-select: none;
            }
            .xdsoft_noselect::selection { background: transparent; }
            .xdsoft_noselect::-moz-selection { background: transparent; }
            .xdsoft_datetimepicker.xdsoft_inline{
                display: inline-block;
                position: static;
                box-shadow: none;
            }
            .xdsoft_datetimepicker *{
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding:0px;
                margin:0px;
            }
            .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
                display:none;
            }
            .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
                display:block;
            }
            .xdsoft_datetimepicker .xdsoft_datepicker{
                width: 224px;
                float:left;
                margin-left:8px;
            }
            .xdsoft_datetimepicker  .xdsoft_timepicker{
                width: 58px;
                float:left;
                text-align:center;
                margin-left:8px;
                margin-top:0px;
            }
            .xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
                margin-top:8px;
                margin-bottom:3px
            }
            .xdsoft_datetimepicker  .xdsoft_mounthpicker{
                position: relative;
                text-align: center;
            }

            .xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
                background-image: url('');
            }
            .xdsoft_datetimepicker  .xdsoft_prev{
                float: left;
                background-position:-20px 0px;
            }
            .xdsoft_datetimepicker  .xdsoft_today_button{
                float: left;
                background-position:-70px 0px;
                margin-left:5px;
            }

            .xdsoft_datetimepicker  .xdsoft_next{
                float: right;
                background-position:0px 0px;
            }
            .xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
            }
            .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
                background-color: transparent;
                background-repeat: no-repeat;
                border: 0px none currentColor;
                cursor: pointer;
                display: block;
                height: 30px;
                opacity: 0.5;
                outline: medium none currentColor;
                overflow: hidden;
                padding: 0px;
                position: relative;
                text-indent: 100%;
                white-space: nowrap;
                width: 20px;
            }
            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
                float:none;
                background-position:-40px -15px;
                height: 15px;
                width: 30px;
                display: block;
                margin-left:14px;
                margin-top:7px;
            }
            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
                background-position:-40px 0px;
                margin-bottom:7px;
                margin-top:0px;
            }
            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
                height:151px;
                overflow:hidden;
                border-bottom:1px solid #DDDDDD;
            }
            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
                background: #F5F5F5;
                border-top:1px solid #DDDDDD;
                color: #666666;
                font-size: 12px;
                text-align: center;
                border-collapse:collapse;
                cursor:pointer;
                border-bottom-width:0px;
                height:25px;
                line-height:25px;
            }

            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
                border-top-width:0px;
            }
            .xdsoft_datetimepicker  .xdsoft_today_button:hover,
            .xdsoft_datetimepicker  .xdsoft_next:hover,
            .xdsoft_datetimepicker  .xdsoft_prev:hover {
                opacity: 1;
            }
            .xdsoft_datetimepicker  .xdsoft_label{
                display: inline;
                position: relative;
                z-index: 9999;
                margin: 0;
                padding: 5px 3px;
                font-size: 14px;
                line-height: 20px;
                font-weight: bold;
                background-color: #fff;
                float:left;
                width:182px;
                text-align:center;
                cursor:pointer;
            }
            .xdsoft_datetimepicker  .xdsoft_label:hover{
                text-decoration:underline;
            }
            .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
                border:1px solid #ccc;
                position:absolute;
                display:block;
                right:0px;
                top:30px;
                z-index:101;
                display:none;
                background:#fff;
                max-height:160px;
                overflow-y:hidden;
            }
            .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
            .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
            .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
                color: #fff;
                background: #ff8000;
            }
            .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
                padding:2px 10px 2px 5px;
            }
            .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
                background: #33AAFF;
                box-shadow: #178FE5 0px 1px 3px 0px inset;
                color:#fff;
                font-weight: 700;
            }
            .xdsoft_datetimepicker  .xdsoft_month{
                width:90px;
                text-align:right;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar{
                clear:both;
            }
            .xdsoft_datetimepicker  .xdsoft_year{
                width:56px;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar table{
                border-collapse:collapse;
                width:100%;

            }
            .xdsoft_datetimepicker  .xdsoft_calendar td > div{
                padding-right:5px;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar th{
                height: 25px;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
                width:14.2857142%;
                text-align:center;
                background: #F5F5F5;
                border:1px solid #DDDDDD;
                color: #666666;
                font-size: 12px;
                text-align: right;
                padding:0px;
                border-collapse:collapse;
                cursor:pointer;
                height: 25px;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar th{
                background: #F1F1F1;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
                color:#33AAFF;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
            .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
                background: #33AAFF;
                box-shadow: #178FE5 0px 1px 3px 0px inset;
                color:#fff;
                font-weight: 700;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
            .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
            .xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
                opacity:0.5;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
                opacity:0.2;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar td:hover,
            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
                color: #fff !important;
                background: #ff8000 !important;
                box-shadow: none !important;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
            .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
                color: inherit	!important;
                background: inherit !important;
                box-shadow: inherit !important;
            }
            .xdsoft_datetimepicker  .xdsoft_calendar th{
                font-weight: 700;
                text-align: center;
                color: #999;
                cursor:default;
            }
            .xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
            .xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
            .xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


            .xdsoft_time_box{
                position:relative;
                border:1px solid #ccc;
            }
            .xdsoft_scrollbar >.xdsoft_scroller{
                background:#ccc !important;
                height:20px;
                border-radius:3px;
            }
            .xdsoft_scrollbar{
                position:absolute;
                width:7px;
                width:7px;
                right:0px;
                top:0px;
                bottom:0px;
                cursor:pointer;
            }
            .xdsoft_scroller_box{
                position:relative;
            }


		</style>
	</head>

	<body>

        <!--search-start-->
        <div class="modal-dialog">
            <div class="modal-content">

                <div id="form2" class="modal-body">
                    <form class="form-horizontal"  role="form">

                        <div class="form-group">
                            <label class="col-sm-2 control-label">日期</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="searchDate" name="searchDate"   th:value="${session.emSearchDate}" placeholder="请选择日期"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">项目名称</label>
                            <div class="col-sm-10">
                                <select id="prj_name_search" name="prj_name_search" th:value="${session.emSearchPrjName}" class="form-control" placeholder="请输入或选择项目名称">
                                    <option th:each="carpj,userStat:${WxPrjNameList}" th:value="${carpj.prj_name}" th:text="${carpj.prj_name}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">二级名称</label>
                            <div class="col-sm-10">
                                <select id="prj_name_2nd_search" name="prj_name_2nd_search" th:value="${session.emSearchPrjName2nd}" class="form-control" placeholder="请输入或选择二级名称">
                                    <option th:each="carpj2,userStat:${WxPrj2ndNameList}" th:value="${carpj2.prj_name_2nd}" th:text="${carpj2.prj_name_2nd}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                        <label class="col-sm-2 control-label">工序</label>
                        <div class="col-sm-10">
                            <select id="process_type_search" name="process_type_search" th:value="${session.emSearchProcessType}" class="form-control" placeholder="请选择工序">
                                <!--<option value="">请选择</option>-->
                                <option>拼接板钻孔</option>
                                <option>杆件钻孔</option>
                                <option>磁力钻钻孔</option>
                                <option>刨边</option>
                                <option>焰切</option>
                                <option>其他一</option>
                                <option>其他二</option>
                                <option>其他三</option>
                                <option>其他四</option>
                                <option>其他五</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">状态</label>
                        <div class="col-sm-10">
                            <select id="status_search" name="status_search" th:value="${session.emSearchStatus}" class="form-control" placeholder="请选择状态">
                                <!--<option value="">请选择</option>-->
                                <option>待审核</option>
                                <option>已审核</option>
                            </select>
                        </div>
                    </div>




                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-warning" onclick="goBack()">返回</button>
                    <button class="btn btn-success" id="searchBtn" onclick="searchLog();">提交</button>
                </div>
            </div>
        </div>
    <!--search-end-->

	</body>
    <script src="/static/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="/static/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/static/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <script src="/static/dist/js/adminlte.min.js"></script>
    <script src="/static/js/jquery-editable-select.js"></script>
    <script src="/static/datetimepicker/jquery.datetimepicker.js"></script>
<script>

    $('#prj_name').editableSelect({
        effects: 'slide'
    });
    $('#prj_name_2nd').editableSelect({
        effects: 'slide'
    });
    $('#drawing_no').editableSelect({
        effects: 'slide'
    });
   /* $('#ac_name').editableSelect({
        effects: 'slide'
    })*/
    $('#part_no').editableSelect({
        effects: 'slide'
    });
    $('#process_type').editableSelect({
        effects: 'slide'
    });

    $('#prj_name_search').editableSelect({
        effects: 'slide'
    });
    $('#prj_name_2nd_search').editableSelect({
        effects: 'slide'
    });
    $('#process_type_search').editableSelect({
        effects: 'slide'
    });
    $('#status_search').editableSelect({
        effects: 'slide'
    });

    $(function () {
        $('#searchDate').datetimepicker({
            lang:'ch',
            timepicker:false,
            format:'Y-m-d',
            clearBtn:true
        });

    });


    // 点击提交查询触发
    function searchLog() {
        var prj_name_search = $("#prj_name_search").val();
        var prj_name_2nd_search = $("#prj_name_2nd_search").val();
        var process_type_search = $("#process_type_search").val();
        var status_search = $("#status_search").val();
        var searchDate = $("#searchDate").val();
        location.href="/wx/toEmpList?prj_name=" + prj_name_search  + "&prj_name_2nd=" + prj_name_2nd_search + "&process_type=" + process_type_search + "&status=" + status_search + "&add_time=" + searchDate;

    }

    // 点击返回触发
    function  goBack() {
        location.href="/wx/toEmpList";
    }

</script>

</html>